<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
	<button onclick="myJson()">发送请求</button>
</body>
<script>
	function myJson(){
		const xhr = new XMLHttpRequest();
		
		// 0:初始值
		// 1:执行完open
		// 2:发送请求
		// 3:开始接收数据
		// 4:接收数据完毕
		// console.log(xhr.readyState);// 0- 状态的实始值
		xhr.open("get","/myJson");
		xhr.send();
		// console.log(xhr.readyState);// 1- open方法已经调用，还未发送请求。
		// 当xhr.readyState的值发生改变即会调用
		xhr.onreadystatechange = function(){
			if(xhr.readyState ===1){
				xhr.setRequestHeader("age",100);
			}else if(xhr.readyState === 4 && xhr.status ===200){
				console.log("获取的响应体数据为：",xhr.response);
			}
		}
		
	}
</script>
</html>